@charset "shift_jis";

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

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

.o h2.caption {
	border-bottom:solid 1px #000000;
	color:#000000;
	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 {
	border-bottom:solid 1px #000000;
	color:#000000;
	font-weight:bold;
	margin:20px 5px 10px;
	padding:2px 5px;
}

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

#cDetail h1 {
	border-bottom:solid 2px #333333;
	margin-bottom:10px;
}

#cDetail h2 {
	border-bottom:solid 1px #000000;
	color:#000000;
	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{
	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 {
	margin:0;
	padding:0;
	width:100%;
}

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

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

.dbox table td{
border-bottom:solid 1px #cccccc;
	font-size:small;
	margin:0;
	padding:10px 5px;
}

.desc p {
	margin:0 10px;
}

/* recentCheck */

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

.rc {
		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 {
		float:right;
	margin:20px 0 0 5px;
	width:145px;
}

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

.rc h3 p, .rcc h3 p {
	background:#f5f5f5;
	border-left:solid 5px #4c4c4c;
	color:#333333;
	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-image:url(../images/parts/lb01Bottom.gif);
background-repeat:no-repeat;
background-position:center bottom;
	background:#f5f5f5;
	padding-bottom:5px;
	margin-bottom:10px;
	width:150px;
}


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

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

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

.leftBox03 {
	width:149px;
}

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

.leftBox01List ul li {
	margin-bottom:2px;
	}

.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/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
	height:21px;
}

#menu02 {
	background:url(../images/parts/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
	height:21px;
}
/*
#menu03 {
	background:url(../images/parts/lb01_3.gif) #ffd284 4px 4px no-repeat;
}
*/

#menu04 {
	background:url(../images/parts/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
	height:21px;
}

#menu05 {
	background:url(../images/parts/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
	height:21px;
}


#menu06 {
	background:url(../images/parts/bg_left_title.gif) #977b6a left top repeat-x;
	text-align:center;
	height:21px;
}

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


/* 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:#3F3B3B;
	clear:both;
	color:#ffffff;
	font-size:medium;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

.e h1 {
	font-size:medium;
	background:#fff;
	border-bottom:solid 1px #EDE8DB;
	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:#cccccc;
	border:solid 1px #666666;
	clear:both;
	color:#AF0000;
	margin-bottom:0;
	padding:3px 5px 0;
	width:576px;
}


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

table.rightBoxGreenTable {
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	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/liArOrange.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/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:#CFCFCF;
	border:solid 1px #9F9F9F;

	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px 0;
	line-height:1.5em;
}


h3.osusume {
background:#DFDFDF;
	border:solid 1px #7F7F7F;
	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 0px;
line-height:1.2em;
	margin-left:8px;
	padding:0 3px 0 12px;
	font-size:x-small;
}

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

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

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

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;
	background-color:#666666;
	border-bottom:1px solid #ffffff;
}
#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:#ffffff;
}
/* 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:#ffffff;
	background-position:100% -42px;
}

/* searchBox */

#searchBox {
	background:#cccccc;
	clear:both;
}

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

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

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

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